﻿@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 13pt;
	hyphens: none;
	color: #000;
	overflow: auto !important;
}

#s4-workspace {
	background: transparent;
}

td#leftNav {
  display: none;
  padding: 0
}

td#pageContent {
  padding: 0;
  width: 100% !important;
  max-width: 100% !important;
}

#pageTable {
  border-spacing: 0;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
  width: 100%;
  max-width: 100% !important;
}

#pageAreaLayout {
	max-width: 100% !important;
	margin: 0;
}

div.breadcrumb {
  display: none;
  padding: 0
}

.innerWrapper {
	max-width: 1300px !important;
	margin: 0 auto;
}


/*Blocks*/

.homeBlock1Wrapper {
	display: flex;
	padding-top: 3%;
	min-height: calc(100vw*.17);
}

.homeBlock1 {
	width: 65%;
	margin-right: 7%;
}

.homeBlock1 h1 {
	margin-bottom: 1%;
}

.homeBlock1 h2 {
	font-weight: 600;
}

.homeAd {
	width: 30%;
	float: right;
	z-index: 100;
}

.homeAd img {
	width: 100%;
	/*border: 0.5px solid black !important;*/
}

.homeBlock2 {
	background-color: #d9902f;
	clip-path: polygon(105% 2.4%, 0% 20%, 0% 116%, 371% 59%);
	width: 100%;
	/*margin-top: calc(100vw* -0.1);*/
	margin-top: calc(67vw* -0.1);
}

.homeBlock2Sections {
	max-width: 1300px !important;
	margin: 0 auto;
	display:  flex;
	width:  100%;
	column-gap: 3.333%;
}

.sectionsRow1 > .homeBlock2Section {
	flex: auto;
}

.homeBlock2Section {
	width: 36%;
	padding: 15% 2% 6% 2%;
	min-height: calc(100vw*.13);
}

.homeBlock2Section img {
	width: 70%;
	padding-bottom: 5%;
}

.homeBlock2Section h3, .homeBlock2Section h4, .homeBlock2Section p {
	color: #fff !important;
}

.homeBlock2Section p {
	line-height: 1.8;
}

.homeBlock2Section h2 {
	color: #fff !important;
	font-weight: 700;
	margin-bottom: 3%;
}

.homeBlock2 i.fas.fa-arrow-right, .homeBlock2 a.arrow {
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 600;
}

.homeBlock2 a {
	color: #fff;
	text-decoration: underline;
}

.homeBlock3 {
	display: flex;
	width: 100%;
	margin: 0 auto;
	max-width: 1300px;
	padding-top: 4%;
	padding-bottom: 4%;
}

.homeBlock3Image {
	width: 40%;
	margin-right: 5%;
}

.homeBlock3Image img {
	width: 100%;
}

.homeBlock3Text {
	width: 60%;	
}

.homeBlock4 img {
	width: 100%;
}

.homeBlock5Header {
	padding-top: 2%;
}

.homeBlock5 li:nth-child(-n + 2) {
	padding-bottom: 3%;
}

.homeBlock5 li:nth-child(-n + 4) {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.homeBlock5 {
	width: 100%;
}

.homeBlock5Text {
	width: 65%;
}

.homeBlock5Text h3 a {
	color: #72bf44 !important;
}

.homeBlock5Image {
	width: 30%;
	float: right;
	display: none;
}

.homeBlock5Image img {
	width: 100%;
}

h3.eventTitle {
	font-weight: 600;
	margin-bottom: 0.2%;
	font-size: 14.5pt;
}

h3.eventTitle a {
	color: #72bf44 !important;
}

.homeBlock5 a.arrow {
	float: right;
	width: 50%;
	font-weight: 600;
}

.homeBlock67 {
	background: #ffc525;
	width: 100%;
	padding-bottom: 4%;
	clip-path: polygon(-17% 2.4%, 0% 20%, 0% 142%, 275% 41%);
	margin-top: -1%;
}

.homeBlock67Sections {
	max-width: 1300px;
	margin: 0 auto;
	width: 100%;
	display: flex;
	column-gap: 8%;
	padding-top: 1.5%;
}

.homeBlock67Sections > .homeBlock6 {
	flex: auto;
}

.homeBlock6, .homeBlock7 {
	width: 46%;
	background: #fff;
	filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
	margin-top: 11%;
}

.homeBlock6Image img, .homeBlock7Image img {
	width: 100%;
}

.homeBlock6Text, .homeBlock7Text {
	padding: 5%;
}

.homeBlock6Text h2, .homeBlock7Text h2 {
	color: #000 !important;
	margin-bottom: 2%;
	font-weight: 700;
}

.homeBlock6Text h3, .homeBlock7Text h3 {
	color: #d9902f !important;
	font-weight: 550 !important;
}

.homeBlock6Text h3, .homeBlock7Text h3 {
	margin-bottom: 3%;
}

.homeBlock6Text p, .homeBlock7Text p {
	line-height: 1.7;
	margin-bottom: 4%;
} 

.homeBlock6 a.arrow, .homeBlock7 a.arrow {
	font-weight: 600;
}

.homeBlock10 {
	width: 100%;
	background: url('/PublishingImages/Homepage/BecomeMember.png') no-repeat;
	background-position-x: 82%;
	background-position-y: 80%;
	background-size: 100%;
}

.homeBlock8 {
	display: none;
}

.homeBlock9 {
	padding: 3% 0;
}

.homeBlock10Text {
	max-width: 1300px;
	margin: 0 auto;
	text-align: center;
	padding: 2% 0;
}

.homeBlock10Text h2, .homeBlock10Text h1 {
	color: #000 !important;
}

.homeBlock10Text h1 {
	font-size: 40pt;
}

.homeBlock10Text h2 {
	font-size: 25pt;
}

.homeBlock10Text a.btn {
	color: #0093d7 !important;
	background-color: #fff !important;
	font-size: 25pt !important;
	padding:  3px 45px;
	border-radius:  9px;
}

@media only screen and (max-width: 1600px) {
	
	.homeBlock1Wrapper {
		min-height: calc(100vw*.10);
	}

	.homeBlock2Section {
		padding: 13% 2% 6% 2%;
	}

}

@media only screen and (max-width: 1400px) {

	.innerWrapper {
		max-width: 95% !important;
	}
	
	.homeBlock2Sections {
		max-width: 95% !important;
		column-gap: 2.333%;
	}
	
	.homeBlock3 {
		max-width: 95%;
	}
	
	.homeBlock67Sections {
		max-width: 95% !important;
	}
	
	.homeBlock10Text {
		max-width: 95% !important;
		padding: 3% 0;
	}
	
	.homeBlock10Text h1 {
		font-size: 35pt;
	}
		
	.homeBlock10Text h2 {
		font-size: 20pt;
	}
	
	.homeBlock10Text a.btn {
		font-size: 18pt !important;
	}
}

@media only screen and (max-width: 1210px) {

	.homeBlock10 {
		background-size: inherit;
	}
	
	.homeBlock10Text {
		padding: 4% 0;
	}

	.homeBlock10Text h1 {
		font-size: 33pt;
	}
		
	.homeBlock10Text h2 {
		font-size: 17pt;
	}
	
}	

@media only screen and (max-width: 1015px) {

	.homeBlock1Wrapper {
		min-height: calc(100vw*.17);
	}

	.homeBlock2Section {
		padding: 18% 2% 6% 2%;
	}

}

@media screen and (max-width: 575px) {

	.homeBlock1Wrapper {
		min-height: calc(214vw*.3);
		flex-direction: column;
	}
	
	.homeBlock1 {
		width: 100%;
	}
	
	.homeAd {
		width: 84%;
		margin: 0 auto;
		padding-top: 3%;
		display: none;
	}
	
	.homeBlock2 {
		clip-path: polygon(105% 0.4%, -265% 20%, 0% 116%, 371% 59%);		
		/*margin-top: -15%;*/
		margin-top: -9%;
	}
	
	.homeBlock2Sections {
		display: block;
	}
	
	.homeBlock2Section {
		width: 100%;
		padding: 2% 7% 5% 7%;
	}
	
	.homeBlock2Section:nth-child(-n + 1) {
		padding-top: 20%;
	}

	.homeBlock2Section img {
		width: 33%;
		padding-bottom: 5%;
	}	
			
	.homeBlock3 {
		flex-direction: column;
	}
	
	.homeBlock3Image {
		width: 100%;
	}
	
	.homeBlock3Text {
		width: 100%;
	}
	
	.homeBlock4 img {
		max-width: 160% !important;
		margin-left: -22%;
		width: 147%;
	}
	
	/*.homeBlock5 li:nth-child(-n + 4) {
		display: block;
		width: 100%;
	}*/
	
	.homeBlock5 a.arrow {
		float: none;
		width: inherit;
	}
	
	.homeBlock5 {
		display: flex;
		flex-direction: column;
	}
	
	.homeBlock5Text {
		width: 100%;
	}
	
	.homeBlock5Image {
		width: 100%;
	}
	
	.homeBlock67 {
		clip-path: polygon(-1% 2.4%, 0% 27%, -26% 139%, 377% 24%)
	}
	
	.homeBlock67Sections {
		display: block;
		padding-top: 13%;
	}
	
	.homeBlock6, .homeBlock7 {
		width: 100%;
	}
	
	.homeBlock10 {
		background-position-x: 67%;
	}
	
}


@media only screen and (max-width: 550px) {
	.homeBlock2 {
		margin-top: -5%;
	}
	

}

